<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <p:menubar id="menuBar">  
        <p:submenu label="Encontro">  
            <p:menuitem transient="true" value="Informações" ajax="false" action="encontro/informacoesEncontro" immediate="true"/>  
            <p:menuitem value="Novo Encontro" ajax="false" action="encontro/novoEncontro" immediate="true"/>  
        </p:submenu>  

        <p:submenu id="submenuCirculos"  label="Círculos" >  
            <c:if test="#{!empty menuBarBean.circuloList}">
                <c:forEach var="circulo" items="#{menuBarBean.circuloList}">
                    <p:menuitem value="${circulo.descricao}" ajax="false" 
                                action="#{circuloBean.detalheCirculoAction(circulo)}" immediate="true"/>  
                </c:forEach>

                <p:separator></p:separator>
            </c:if>

            <p:menuitem value="Novo Círculo" ajax="false" action="circulo/novoCirculo" immediate="true"/> 
        </p:submenu>  

        <p:submenu label="Equipes de Trabalho">  
            <p:menuitem value="Nova Equipe" url="#" />
            <p:menuitem value="Ver Todas" url="#" />  
        </p:submenu>  

        <p:submenu label="Participantes">  
            <p:submenu label="Inscrições">
                <p:menuitem value="Nova Inscrição" url="#" />
                <p:menuitem value="Pendentes" url="#" />
            </p:submenu>

            <p:separator/>

            <p:menuitem value="Ver todos" url="#" />
        </p:submenu>  

        <p:submenu label="Integrantes">  
            <p:menuitem value="Novo Integrante" url="#" />
            <p:menuitem value="Ver todos" url="#" />
        </p:submenu>

        <p:submenu label="Finanças" >  
            <p:menuitem value="Doações Recebidas" url="#"/>
            <p:menuitem value="Arrecadações" url="#" />
            <p:menuitem value="Despesas" url="#" />
            <p:menuitem value="Evolução EJC" url="#" />

            <p:separator/>

            <p:menuitem>
                <p:graphicImage id="linearChartMenu"  value="#{lineaChartMenuBean.chart}" 
                                height="120" width="150" cache="true"/>
            </p:menuitem>

        </p:submenu>

        <p:menuitem value="Sair" icon="ui-icon-close" immediate="true"/>  

    </p:menubar>

</ui:composition>
